<?xml version="1.0" encoding="UTF-8"?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	template="/WEB-INF/templates/default.xhtml">
	<ui:define name="content">
	
	<h1>PORTAL WEB TOOLS</h1>
		
		
<!--  START NAVIGATION -->
<ul id="navigation">

    <li>
        <a href="index.html" class="main">Home</a>
    </li>
    
    <li>
        <a href="#" class="main">Portfolio</a>
        <div class="sub-nav-wrapper"><ul class="sub-nav">
            <li><a href="#">Graphics</a></li>
            <li><a href="#">Web</a></li>
            <li><a href="#">Print</a></li>
        </ul></div>
    </li>
    
    <li>
      <a href="#" class="main">Services</a>
        <div class="sub-nav-wrapper"><ul class="sub-nav">
            <li><a href="#">Web Design</a></li>
            <li><a href="#">SEO</a></li>
            <li><a href="#">Content Writing</a></li>
        </ul></div>
    </li>
    
    <li>
      <a href="#" class="main">Technology</a>
        <div class="sub-nav-wrapper"><ul class="sub-nav">
            <li><a href="#">JavaScript</a></li>
            <li><a href="#">HTML/CSS</a></li>
            <li><a href="#">Drupal</a></li>
            <li><a href="#">Joomla</a></li>
            <li><a href="#">Wordpress</a></li>
            <li><a href="#">MySQL</a></li>
            <li><a href="#">Oracle</a></li>
        </ul></div>
    </li>
    
    <li>
      <a href="#" class="main">About</a>
        <div class="sub-nav-wrapper"><ul class="sub-nav">
            <li><a href="#">Location</a></li>
            <li><a href="#">History</a></li>
            <li><a href="#">Jobs</a></li>
            <li><a href="#">Awards</a></li>
        </ul></div>
    </li>
    
    <li>
      <a href="#" class="main">Contact</a>
    </li>
    
</ul>
<!-- END NAVIGATION -->



<!-- START MENU -->
<div class="wrapper">
<div id="vertical-menu">
	<ul>
		<li><a href="#">Homepage</a></li>
		<li><a href="#">Nikon</a>
		</li>
		<li><a href="#">Canon</a>
		<ul>
			<li><a href="#">Digital SLR</a></li>
			<li><a href="#">Memory Cards</a></li>
			<li><a href="#">Tripods</a></li>
			<li><a href="#">Lenses</a></li>
			<li><a href="#">EOS</a></li>
			<li><a href="#">Powershoot</a></li>
			</ul>
		</li>
		<li><a href="#">Sony</a>
			<ul>
			<li><a href="#">Digital Cameras</a></li>
			<li><a href="#">Entertainment</a></li>
			<li><a href="#">Notebooks</a></li>
			<li><a href="#">Projectors</a></li>
			</ul>
		</li>
		<li><a href="#">Kodak</a></li>
		<li><a href="#">Sale Items</a></li>
		<li><a href="#">Canon</a>
		<ul>
			<li><a href="#">Digital SLR</a></li>
			<li><a href="#">Memory Cards</a></li>
			<li><a href="#">Tripods</a></li>
			<li><a href="#">Lenses</a></li>
			<li><a href="#">EOS</a></li>
			<li><a href="#">Powershoot</a></li>
			</ul>
		</li>
		<li><a href="#">Sony</a>
			<ul>
			<li><a href="#">Digital Cameras</a></li>
			<li><a href="#">Entertainment</a></li>
			<li><a href="#">Notebooks</a></li>
			<li><a href="#">Projectors</a></li>
			</ul>
		</li>
		<li><a href="#">Kodak</a></li>
		<li><a href="#">Sale Items</a></li>
		<li><a href="#">Canon</a>
		<ul>
			<li><a href="#">Digital SLR</a></li>
			<li><a href="#">Memory Cards</a></li>
			<li><a href="#">Tripods</a></li>
			<li><a href="#">Lenses</a></li>
			<li><a href="#">EOS</a></li>
			<li><a href="#">Powershoot</a></li>
			</ul>
		</li>
		<li><a href="#">Sony</a>
			<ul>
			<li><a href="#">Digital Cameras</a></li>
			<li><a href="#">Entertainment</a></li>
			<li><a href="#">Notebooks</a></li>
			<li><a href="#">Projectors</a></li>
			</ul>
		</li>
		<li><a href="#">Kodak</a></li>
		<li><a href="#">Sale Items</a></li>
		<li><a href="#">Canon</a>
		<ul>
			<li><a href="#">Digital SLR</a></li>
			<li><a href="#">Memory Cards</a></li>
			<li><a href="#">Tripods</a></li>
			<li><a href="#">Lenses</a></li>
			<li><a href="#">EOS</a></li>
			<li><a href="#">Powershoot</a></li>
			</ul>
		</li>
		<li><a href="#">Sony</a>
			<ul>
			<li><a href="#">Digital Cameras</a></li>
			<li><a href="#">Entertainment</a></li>
			<li><a href="#">Notebooks</a></li>
			<li><a href="#">Projectors</a></li>
			</ul>
		</li>
		<li><a href="#">Kodak</a></li>
		<li><a href="#">Sale Items</a></li>
		<li><a href="#">Canon</a>
		<ul>
			<li><a href="#">Digital SLR</a></li>
			<li><a href="#">Memory Cards</a></li>
			<li><a href="#">Tripods</a></li>
			<li><a href="#">Lenses</a></li>
			<li><a href="#">EOS</a></li>
			<li><a href="#">Powershoot</a></li>
			</ul>
		</li>
		<li><a href="#">Sony</a>
			<ul>
			<li><a href="#">Digital Cameras</a></li>
			<li><a href="#">Entertainment</a></li>
			<li><a href="#">Notebooks</a></li>
			<li><a href="#">Projectors</a></li>
			</ul>
		</li>
		<li><a href="#">Kodak</a></li>
		<li><a href="#">Sale Items</a></li>
		<li><a href="#">Canon</a>
		<ul>
			<li><a href="#">Digital SLR</a></li>
			<li><a href="#">Memory Cards</a></li>
			<li><a href="#">Tripods</a></li>
			<li><a href="#">Lenses</a></li>
			<li><a href="#">EOS</a></li>
			<li><a href="#">Powershoot</a></li>
			</ul>
		</li>
		<li><a href="#">Sony</a>
			<ul>
			<li><a href="#">Digital Cameras</a></li>
			<li><a href="#">Entertainment</a></li>
			<li><a href="#">Notebooks</a></li>
			<li><a href="#">Projectors</a></li>
			</ul>
		</li>
		<li><a href="#">Kodak</a></li>
		<li><a href="#">Sale Items</a></li>
	</ul>
</div>
</div>
<!-- END MENU -->


	</ui:define>
</ui:composition>
